jQuery(function($){
	//gnb 메뉴전체보기
	var gnbAll = $('.gnbAllWrap');
	if ($(window).width() == '1920') {
		gnbAll.css({'width':$(window).width() - 10, 'left':-($(window).width() - 1040) / 2});
	} else {
		gnbAll.css({'width':$(document).width(), 'left':-($(document).width() - 1040) / 2});
	}
	gnbAll.hide();
	$('.gnbWrap > .all > a').bind('click', function(){
		$('.gnbAllWrap').toggle();
		return false;
	});
	$('.gnbWrap > .all > a').bind('focus', function(){
		$('.gnbPart > li > a').next('ul').hide();
	});

	//gnb 메뉴 마우스 오버시 노출
	var gnbTarget = $('.gnbPart > li > a');
	gnbTarget.next('ul').hide();
	$('.gnbWrap > .all > a, .arrowLeft, .arrowRight').bind('mouseenter', function(){ //전체메뉴보기 및 좌우버튼에 마우스 오버시 2depth메뉴 숨김
		gnbTarget.next('ul').hide();
	});
	gnbTarget.bind('mouseenter focus', function(){
		if ($('.gnbAllWrap').css('display') == 'block') {
			$('.gnbPart > li').addClass('no_bg');
			return;
		} else {
			$('.gnbPart > li:not(:nth-child(2))').removeClass('no_bg');
			gnbTarget.next('ul').hide();
			$(this).next().show();
		}
	});
	$('.scrollWrap').bind('mouseleave', function(){
		gnbTarget.next('ul').hide();
	});

	//gnb 메뉴슬라이드
	var gnbMenu = $('.gnbPart > li');
	var gnbMenuSize = gnbMenu.length;
	var gnbMenuWidth = null;
	var gnbCount = 0;

	gnbMenu.each(function(){
		var gnbMenuWidth = $(this).width();
		$('.gnbPart').css('width', gnbMenuSize*gnbMenuWidth);
	});

	if (gnbCount == 0) {
		$('.arrowLeft').hide();
	}

	$('.arrowRight > a').bind('click', function(){
		$('.gnbPart > li > ul').each(function(){
			var width = parseInt($(this).parent('li').width());
			var left = parseInt($(this).css('left'));
			$(this).css('left', left-width);
		});
		gnbCount -=242;
		if (gnbCount == -242) {
			$(this).parent().hide();
			$('.arrowLeft').show();
		}
		$('.gnbPart').stop().animate({'margin-left':gnbCount}, 100);
		return false;
	});
	$('.arrowLeft > a').bind('click', function(){
		$('.gnbPart > li > ul').each(function(){
			var width = parseInt($(this).parent('li').width());
			var left = parseInt($(this).css('left'));
			$(this).css('left', left+width);
		});
		gnbCount +=242;
		if (gnbCount == 0) {
			$(this).parent().hide();
			$('.arrowRight').show();
		}
		$('.gnbPart').stop().animate({'margin-left':gnbCount}, 50);
		return false;
	});

	//공통 맨 위로
	$('.gnb .open').bind('click', function(){
		var $this = $(this);
		if ($(this).hasClass('on')) {
			$('html, body').stop().animate({scrollTop : 145}, 1000, 'easeInOutExpo', function(){
				$this.removeClass('on');
			});
		} else {
			$('html, body').stop().animate({scrollTop : 0}, 1000, 'easeInOutExpo', function(){
				$this.addClass('on');
			});
		}
		return false;
	});

	//공통 header, banner, gnb 스크롤
	$(window).scroll(function(){
		var scrollNum = $(window).scrollTop();
		$('#header, #containerBanner').addClass('scroll');
		if (scrollNum == 0) {
			$('.gnb .open').addClass('on');
			$('#header, #containerBanner').removeClass('scroll');
		} else if (scrollNum >= 145) {
			$('.gnb .open').removeClass('on');
		}
		if (scrollNum < 290) {
			$('.bannerWrap').css({'height' : 290-scrollNum, 'margin-top' : scrollNum, 'overflow' : 'hidden'});
		}
		if (scrollNum > 176) {
			$('#containerGnb').css({'position':'relative', 'z-index':'20'});
			$('#header').css({'height' : '20px', 'overflow' : 'hidden'});
			if (scrollNum > 176) {
				$('#head02').css({'position' : 'fixed', 'display' : 'block', 'z-index' : '20'});
				$('#containerGnb').css({'position' : 'fixed', 'top' : '38px'});
			}
		} else if (scrollNum < 360) {
			$('#header').css({'height' : '190px', 'overflow' : 'visible'});
			$('#head02').hide();
			$('#containerGnb').css({'position':'relative', 'z-index':'20', 'top' : '0'});
		}
	});

	/* 공통 홈&이용안내 슬라이드 */
	var operHomeBtn = $('#head01 .toggle > ul .tg02'); //홈 버튼
	var operGuideBtn = $('#head01 .toggle > ul .tg03'); //이용안내 버튼
	var operBtn = $('#head01 .toggle > span'); //control 버튼
	var operWidth = $(window).width(); //브라우저 넓이
	var fixedWidth = 1040; //컨텐츠 기본 넓이
	var operCont = 2; //슬라이드 될 컨텐츠 갯수
	
	// 화면이 load된 후 컨텐츠 기본 넓이가 브라우저 화면보다 클경우
	if (operWidth < fixedWidth) {
		$('.commonArea').css('width', fixedWidth); //기본넓이로 고정
		$('.commonAreaWrap > div').css('width', fixedWidth); //슬라이드 되는 컨텐츠 : 기본넓이
		$('.commonAreaWrap').css('width', operCont*fixedWidth); //슬라이드 되는 컨첸트를 감싸는 div 전체넓이
	} else { //그렇지 않고, 브라우저 화면이 크다면
	$('.commonAreaWrap > div').css('width', operWidth); //브라우저 넓이로 적용
	$('.commonAreaWrap').css('width', operCont*operWidth); //슬라이드 되는 컨첸트를 감싸는 div 전체넓이를 브라우저 넓이값으로 적용
	}

	//브라우저 크기 감지
	$(window).resize(function(){
		$('.commonAreaWrap > div').css('width', $(document).width()); //슬라이드 되는 컨텐츠 : 기본넓이를 문서 넓이로 적용
		$('.commonAreaWrap').css('width', operCont*$(document).width()); //슬라이드 되는 컨첸트를 감싸는 div 전체넓이를 기본넓이-> 문서 넓이로 적용
		
		var secondWidth = $('.commonAreaWrap > div').width();
		if ($('.commonAreaWrap > div:nth-child(2)').hasClass('on')) {
			$('.commonAreaWrap').css('margin-left', -secondWidth)
		}

		if ($(window).width() < fixedWidth) { //기본 넓이가 브라우저 화면보다 클경우
			$('.commonArea').css('width', fixedWidth); //기본넓이로 고정
			$('.bannerWrap, .gnbWrapNew, #cont').css('margin-left', '0'); //배너, gnb, content 영역 가운데 정렬 초기화
		} else { //그렇지 않고, 브라우저 화면이 크다면
			$('.commonArea').css('width', '100%'); // 넓이 100%
			$('.bannerWrap, .gnbWrapNew, #cont').css('margin', '0 auto'); //배너, gnb, content 영역 가운데 정렬
		}
	});

	//홈버튼
	operHomeBtn.bind('click', function(){
		operBtn.stop().animate({'left' : '0'}, 500, 'easeInOutExpo');
		$('.commonAreaWrap').stop().animate({'margin-left' : '0'}, 500, 'easeInOutExpo');
		$('.commonAreaWrap').children().removeClass('on');
		$('.commonAreaWrap').children().eq(0).addClass('on')
		return false;
	});
	//이용안내버튼
	operGuideBtn.bind('click', function(){
		operBtn.stop().animate({'left' : '108px'}, 500, 'easeInOutExpo');
		$('.commonAreaWrap').stop().animate({'margin-left' : -($(document).width())}, 500, 'easeInOutExpo');
		$('.commonAreaWrap').children().removeClass('on');
		$('.commonAreaWrap').children().eq(1).addClass('on')
		return false;
	});
});